<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script>
 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<title>Insert title here</title>


<!-- **********CSS样式********* -->
<style type="text/css">
body div{float: left; 
}
.opacity{background-color:#defae5; background: rgba(de,fa,e5,0.4);
width:40%; height:500px;margin-left:30%;margin-right: 30%;
}
.inner{width:80%;height:80%;margin-left:40px;;margin-top:50px;background-color: white;
padding-left: 30px;padding-top: 30px;
}
.heng{width:100%; height:50px;margin-top:10px;
}
.label{width:100px;height:100%;font-size:18px;line-height: 40px;font-weight: bold;color:green;
}
input{display:block; width:200px; height:60%;border:1px solid green;
}
</style>

<script type="text/javascript">
	$(function(){
		if("${msg}"=="0"){
			alert("注册失败");
		}
	})
</script>

</head>
<body style = "background:url(image/200.png),no-repeat ; background-size:100% ">

<div class = "toptop" style = "margin-bottom:30px;width:80%;margin-left:125px;height:50px;border-bottom:1px solid green;color:green;">
	<div class = "word8" style = "font-size: 25px;font-weight: bold;"> 
		❀花卉交流平台&nbsp&nbsp&nbsp<span style="font-weight: normal;">|</span>&nbsp&nbsp&nbsp注册账号
	</div>
</div>


<div class = "opacity" >
	<form action="${pageContext.request.contextPath }/RegisterServlet" method = "post">
	<div class="inner">

		
		<div class = "heng">
			<div class = "label">账号：</div>
			<input type = "text" name = "userID" placeholder = "请输入账号">
		</div>
		<div class = "heng">
			<div class = "label">用户名：</div>
			<input type = "text" name = "userName" placeholder = "请输入用户名">
		</div>
		<div class = "heng">
			<div class = "label">密码：</div>
			<input type = "password" name = "userPassword1" placeholder = "请输入密码">
		</div>
		<div class = "heng">
			<div class = "label">确认密码：</div>
			<input type = "password" name = "userPassword2" placeholder = "再次输入密码">
		</div>
		<div class = "heng">
			<div class = "label">性别：</div>
			<select style = "width:70px;height:30px; margin-top:5px;border:1px solid green;" name = "sexy">
				<option value = "男">男</option>
				<option value = "女">女</option>
			</select>
		</div>
		<div class = "heng">
			<div style = "width:200px;height:50px;margin-left:100px;padding-right: 10px;">
				<input type = "submit" value="注册" style = "border-radius:5px;border:1px solid white;background-color:green;color:white;width:100%; font-size: 17px;height:34px;" >
			</div>
			<a href = "${pageContext.request.contextPath }/login.jsp" style="display: block; margin-left:50px;margin-top:10px;font-size: 10px;">
			 	已有账号，点击登录 
			</a>
		</div>
	</div>
	
	</form>
</div>






</body>
</html>